<!DOCTYPE html>
<html lang="zh-CN">

<head>
    {% include 'header_content' %}
    {{  'public.js' | public_assets_dir_content  }}
    <link rel="stylesheet" type="text/css" href="{{ 'theme.css' | public_asset_abs_dir_url }}">
</head>
<style type="text/css">
	.module_message{
		display: flex;
	    align-items: center;
	    justify-content: center;
	    height: 100vh;
	    text-align: center;
		margin: 0 auto;
	}
	.module_message .logo{
		margin-bottom: 60px;
	}
	.module_message .logo a{
	    font-size: var(--title_font_size);
	    color: var(--title_color);
	    font-family: var(--title_font_family);
	    font-style: var(--title_font_style);
	    font-weight: var(--title_font_weigth);
	    letter-spacing: var(--title_letter_spacing);
		display: inline-flex;
		align-items: center;
		line-height: 1;
	}
	.module_message .logo span{
		line-height: 24px;
		font-weight: bold;
	}
	.module_message .logo img{
	    max-height: 60px;
	    max-width: 300px;
	}
	.module_message .logo img.favicon{
		width: 36px;
		height: 36px;
		margin-right: 16px;
	}
	.module_message .module_message_info{
		font-size: 18px;
		font-weight: bold;
		line-height: 1;
		max-width:600px;
	}
	.module_message .module_message_info .error{
		color: #DB2739;
	}
	.module_message .module_message_info .success{
		color: #29BB9D;
	}
		.module_message .module_message_info .warning{
		color: #E88C4E;
	}
	.module_message .module_message_svg{
		margin-bottom: 30px;
		height: 80px;
	}
	.module_message .module_message_info{
		margin-bottom: 60px;
	}
	.module_message .module_message_btn .main_btn{
		margin-top: 0;
	}
	.module_message .module_message_tips{
		margin-top: 30px;
		max-width:600px;
		font-size:14px;
		color:#999

	}
	@media screen and (max-width: 767px){
		.module_message .module_logo,
		.module_message .module_message_info{
			margin-bottom: 40px;
		}
	}
</style>
<body>
	<div class="module_message">
		<div class="module_message_wapper">
			<div class="logo">
				<a href="javascript:;">
					{% if storeConfig.logo %}
		      		<img src="{{ storeConfig.logo|public_front_asset_url}}">
					{% else %}
		      		{% if storeConfig.favicon %}<img class="favicon" src="{{ storeConfig.favicon|public_front_asset_url }}" >{% endif %}
		      		<span class="shop_name">{{ storeConfig.name }}</span>
		      		{% endif %}
				</a>
			</div>
			<div class="module_message_svg">
				{%- if message.type == 'error' -%}
					<svg t="1640327163806" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4924" width="80" height="80"><path d="M0 512a512 512 0 1 1 512 512A512 512 0 0 1 0 512zM322.6752 63.808A488.128 488.128 0 1 0 512 25.6a484.8 484.8 0 0 0-189.3248 38.208z m6.4 627.2896a12.8 12.8 0 0 1 0-18.0992l162.8928-162.9312-162.9184-162.9056a12.8 12.8 0 0 1 18.112-18.112l162.9056 162.9184 162.9056-162.9056a12.8 12.8 0 1 1 18.0992 18.0864L528.1664 510.0544l162.9184 162.9312a12.8 12.8 0 0 1-18.0992 18.0992L510.0544 528.1664 347.136 691.0976a12.8 12.8 0 0 1-18.0992 0z" fill="#DC251E" p-id="4925"></path></svg>
				{% elsif message.type == 'warning' %}
					<svg t="1647507445683" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9012" width="80" height="80"><path d="M512 25.6a486.5408 486.5408 0 0 0-189.3248 934.592 486.528 486.528 0 0 0 378.6496-896.384A483.328 483.328 0 0 0 512 25.6m0-25.6A512 512 0 1 1 0 512 512 512 0 0 1 512 0z" fill="#E88C4E" p-id="9013"></path><path d="M499.2 256m12.8 0l0 0q12.8 0 12.8 12.8l0 358.4q0 12.8-12.8 12.8l0 0q-12.8 0-12.8-12.8l0-358.4q0-12.8 12.8-12.8Z" fill="#E88C4E" p-id="9014"></path><path d="M499.2 716.8h25.6v51.2h-25.6z" fill="#E88C4E" p-id="9015"></path></svg>
	            {%- else -%}
					<svg t="1640327198167" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5054" width="80" height="80"><path d="M512 25.6a486.5408 486.5408 0 0 0-189.3248 934.592 486.528 486.528 0 0 0 378.6496-896.384A483.328 483.328 0 0 0 512 25.6m0-25.6A512 512 0 1 1 0 512 512 512 0 0 1 512 0z" fill="#29BB9D" p-id="5055"></path><path d="M274.092113 486.674451m9.050966 9.050967l162.917403 162.917402q9.050967 9.050967 0 18.101934l0 0q-9.050967 9.050967-18.101934 0l-162.917402-162.917403q-9.050967-9.050967 0-18.101933l0 0q9.050967-9.050967 18.101933 0Z" fill="#29BB9D" p-id="5056"></path><path d="M775.375724 350.881006m-9.050967 9.050967l-316.783838 316.783838q-9.050967 9.050967-18.101933 0l0.009051 0.009051q-9.050967-9.050967 0-18.101934l316.783838-316.783838q9.050967-9.050967 18.101933 0l-0.009051-0.009051q9.050967 9.050967 0 18.101934Z" fill="#29BB9D" p-id="5057"></path></svg>
	            {%- endif -%}
			</div>
			<div class="module_message_info">
				{%- if message.type == 'error' -%}
							{%- if message.code == 90000 -%}
									<p class="error">{{ lang.general.login_error  }}</p>
								{% elsif message.code == 90001 %}
									<p class="error">{{ lang.general.email_error  }}</p>
								{% else %}
		            	<p class="error">{{ message.descript }}</p>
							{%- endif -%}
							{% elsif message.type == 'warning' %}
	            <p class="warning">{{ message.descript }}</p>
	            {%- else -%}
	            <p class="success">{{ message.descript }}</p>
	            {%- endif -%}
			</div>
			<div class="module_message_btn">
				{%- if message.forward_url == "goback" or message.forward_url == "" -%}
	            <a class="main_btn" href="javascript:history.go(-1);" >{{ lang.general.return_previous }}</a>
	            <script>
	                setTimeout(function(){window.history.go(-1);},{{ message.second|default:1000 }});
	            </script>
	    	{%- elsif message.forward_url -%} 
							{%- capture btn_name -%}
									{%- if message.code == 90000 or message.code == 90001 -%}
										{{ lang.general.click_login }}
									{% else %}
		            		{{ lang.general.click_here }}
									{%- endif -%}
							{%- endcapture -%}

	            <a class="main_btn" href="{{ message.forward_url }}">{{ btn_name }}</a>
	            <script>
	            	setTimeout("window.location.href='{{ message.forward_url }}'",{{ message.second|default:1250 }});
	        	</script> 
	  		{%- endif -%}

	      {%- if message.return_js -%} <script>{{ message.return_js }}</script>{%- endif -%}

	      {%- if message.close_dialog -%}<script>
	            	setTimeout(function(){close_dialog();},{{ message.second|default:1000 }});
	        	</script>
				{%- endif -%}    
			</div>
			{%- if message.type == 'error' -%}
			{%- if message.code == 90000 or message.code == 90001 -%}
			<div class="module_message_tips">{{message.descript}}</div>
			{% endif %}
			{% endif %}
		</div>
	</div>


</body>
</html>